<template>
	<view class="withdraw-card ss-flex-col">
		<view class='label ss-flex-row ss-row-left'>本月可提现（元）</view>
		<view class="amount">3.00</view>
		<view class="btn-groups ss-flex-row ss-row-right">
			<view class="withdraw-btn">我要提现</view>
			<view class="log-btn">提现记录</view>
		</view>
	</view>
</template>

<script setup>
	import sheep from '@/sheep'
</script>

<style lang="scss" scoped>
	.withdraw-card{
		height: 214rpx;
		border-radius: 10rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.3);
		margin-top:22rpx;
		margin-left: 21rpx;
		margin-right: 25rpx;
		width:calc(100% - 21rpx - 25rpx);
		.label{
			margin-left: 33rpx;
			margin-top:20rpx;
			width: 284rpx;
			font-family: Source Han Sans;
			font-size: 30rpx;
			font-weight: normal;
			line-height: 43rpx;;
			letter-spacing: normal;
			color: #3D3D3D;
		}
		.amount{
			margin-left: 33rpx;
			margin-top:10rpx;
			font-family: Source Han Sans;
			font-size: 32rpx;
			font-weight: normal;
			line-height: 46rpx;
			letter-spacing: normal;
			color: #DE1F1F;
		}
		.btn-groups{
			
			margin-top:25rpx;
			width:calc(100% - 19rpx);
			padding-right:19rpx;
			.withdraw-btn{
				
				border-radius: 5010rpx;
				background: #715DDE;
				
				font-family: Source Han Sans;
				font-size: 32rpx;
				font-weight: 350;
				line-height: 46rpx;
				padding:3rpx 10rpx;
				text-align: center;
				letter-spacing: normal;
				color: #FFFFFF;
				margin-right: 20rpx;
			}
			.log-btn{
				border-radius: 5010rpx;
				background: #FFFFFF;
				box-sizing: border-box;
				border: 1rpx solid rgba(0, 0, 0, 0.2392);
				
				font-family: Source Han Sans;
				font-size: 32rpx;
				font-weight: 350;
				line-height: 46rpx;
				padding:3rpx 10rpx;
				letter-spacing: normal;
				color: rgba(0, 0, 0, 0.54);
			}
		}
	}
</style>